<template>
  <li class="item">
      <input type="checkbox" v-model="checked">
      <slot name="item" v-bind="{checked}"></slot>
  </li>
</template>
<script>
//import { defineComponent } from "@vue/composition-api";

export default {
  name: "TodoItem",
  data(){
      return{
          checked:false
      }
  },
  props: ["item"],
};
</script>
<style scoped>
.item {
  color: red;
}
</style>
